<!DOCTYPE html>
<html  lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>主页</title>
        <meta charset="utf-8"/>
        <link href="./bootstrap-3.3.7-dist/css/bootstrap.min.css" rel=" stylesheet">
        <script src="./js/jquery-3.4.1.min.js"></script>
        <script src="./bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
        <link href="./css/home.css" rel=" stylesheet">
        <script src="./js/home.js"></script>
        <style th:include="include/footer :: style"></style>
        <style th:include="include/navstyle :: styletwo"></style>
    </head>
    <body>

        <header>
            <nav th:include="include/navstyle :: nav"></nav>
                <div id="myCarousel" class="carousel slide" > 
                    <div class="carousel-inner">
                        <ol class="carousel-indicators">
                            <li data-target="#myCarousel" data-slide-to ="0" class="active" ></li>
                            <li data-target="#myCarousel" data-slide-to ="1"></li>
                            <li data-target="#myCarousel" data-slide-to ="2"></li>
                        </ol>
             
                        <div class="item active">
                            <a href="#">
                                <img src="./image/shufflingtwo.jpg" alt="第二张" width="100%">
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="./image/shufflingthree.jpg" alt="第三张" width="100%">
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="./image/shufflingfour.jpg" alt="第四张" width="100%">
                            </a>
                        </div>
                    <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ -->
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a><!-- 左箭头 -->
                    <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › -->
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a><!-- 右箭头 -->
                </div>

            </div>
        </header>
        <section>
            <div class="user">
                <table width="100%" height="100%" >
                    <tr>
                        <td><span>现在登录的用户是</span></td>
                        <td></td>
                        <td><span th:text="${name}" style="color: #0f0f0f;"></span></td>
                    </tr>
                </table>
            </div>
            <div class="recommended">
                <div class="show_title">
                    <span>优秀作品推荐</span>
                </div>
                <div class="work_show">
                    <div class="work_goods">
                        <div>
                            <a href="./work/Turkey1/tour.html">
                                <div class="show_photo">
                                    <img src="./image/phtot%20(1).jpg" width="100%" height="100%">
                                </div>
                                <div class="photo_name">
                                    <p>
                                        <h4>土耳其</h4>
                                    </p>
                                    <p><span>作者：嘲笑鸟</span></p>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="./work/changcheng12/tour.html">
                                <div class="show_photo">
                                    <img src="./image/phtot%20(1).png" width="100%" height="100%">
                                </div>
                                <div class="photo_name">
                                    <p>
                                        <h4>万里长城</h4>
                                    </p>
                                    <p><span>作者：嘲笑鸟</span></p>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="./work/cangcheng/tour.html">
                                <div class="show_photo">
                                    <img src="./image/phtot%20(2).png" width="100%" height="100%">
                                </div>
                                <div class="photo_name">
                                    <p>
                                        <h4>万里长城月牙湾</h4>
                                    </p>
                                    <p><span>作者：嘲笑鸟</span></p>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="./work/Turkey2/tour.html">
                                <div class="show_photo">
                                    <img src="./image/phtot%20(3).png" width="100%" height="100%">
                                </div>
                                <div class="photo_name">
                                    <p>
                                        <h4>土耳其浪漫气球</h4>
                                    </p>
                                    <p><span>作者：嘲笑鸟</span></p>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="./work/dubai%20(6)/tour.html">
                                <div class="show_photo">
                                    <img src="./image/phtot%20(4).png" width="100%" height="100%">
                                </div>
                                <div class="photo_name">
                                    <p>
                                        <h4>迪拜夜景</h4>
                                    </p>
                                    <p><span>作者：嘲笑鸟</span></p>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="./work/putaoya/tour.html">
                                <div class="show_photo">
                                    <img src="./image/phtot%20(5).png" width="100%" height="100%">
                                </div>
                                <div class="photo_name">
                                    <p>
                                        <h4>葡萄牙佩纳宫</h4>
                                    </p>
                                    <p><span>作者：嘲笑鸟</span></p>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="./work/jiuzaigou/tour.html">
                                <div class="show_photo">
                                    <img src="./image/phtot%20(6).png" width="100%" height="100%">
                                </div>
                                <div class="photo_name">
                                    <p>
                                        <h4>九寨沟</h4>
                                    </p>
                                    <p><span>作者：嘲笑鸟</span></p>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="./work/nijiala/tour.html">
                                <div class="show_photo">
                                    <img src="./image/phtot%20(2).jpg" width="100%" height="100%">
                                </div>
                                <div class="photo_name">
                                    <p>
                                        <h4>加拿大尼亚加拉河</h4>
                                    </p>
                                    <p><span>作者：嘲笑鸟</span></p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="theme">
                <div class="theme_title">
                    <span>全景专题</span>
                </div>
                <div class="theme_work">
                <div></div>
                <div></div>
                <div></div>
                </div>
            </div>
            <div class="author">
                <div class="author_title">
                    <span>优秀作者</span>
                </div>
                <div class="author_introduce">
                    <div>
                        <div class="head_portrait"></div>
                        <div class="introduce">
                            <div class="introduce_title">
                                <span>广州飞标视觉</span>
                            </div>
                            <div class="introduce_span">
                                <span>专业化场景营销，拍摄制作高品质VR全景，涉及酒店、房地产</span>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="head_portrait"></div>
                        <div class="introduce">
                            <div class="introduce_title">
                                <span>AIPANO</span>
                            </div>
                            <div class="introduce_span">
                                <span>北京极域科技有限公司成立于2017年，坐落于北京市海淀区</span>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="head_portrait"></div>
                        <div class="introduce">
                            <div class="introduce_title">
                                <span>印象空间VR</span>
                            </div>
                            <div class="introduce_span">
                                <span>专业化场景营销：● VR全景拍摄 ●VR三维虚拟全景可视化 ●VR虚</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pano_school">
                <div class="school">
                    <div class="school_title">
                        <span>全景学院</span>
                    </div>
                    <div class="school_class">
                        <div>
                            <div class="school_photo"></div>
                            <div class="school_introduce">
                                <p>720云漫游功能教程汇总</p>
                                <p>最全的720云工具功能使用说明，教你玩转720云！</p>
                            </div>
                        </div>
                        <div>
                            <div class="school_photo"></div>
                            <div class="school_introduce">
                                <p>⼿把⼿教你制作全景地图</p>
                                <p>和剧中人学习如何在全景中绘制地图，让零散场景通过地图直观地组织起来</p>
                            </div>
                        </div>
                        <div>
                            <div class="school_photo"></div>
                            <div class="school_introduce">
                                <p>渲云渲染效果图入门指南</p>
                                <p>一篇文章了解如何注册渲染，如何下载渲云客户端，如何通过渲云客户端提交任务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="author_conversation">
                    <div class="conversation_title">
                        <span>创作者访谈</span>
                    </div>
                    <div class="conversation_class">
                        <div class="conversation_class_cns"></div>
                        <div class="conversation_classname">
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <footer th:include="include/footer :: footer"></footer>
    </body>
</html>